Cuando añadimos una imagen desde nuestro PC Blogger nos proporciona un código que para muchos es difícil interpretar.

Además de darnos la opción de alinear la imagen.


IZQUIERDA-CENTRO-DERECHA



Podemos escoger el tamaño para visualizar la imagen.


PEQUEÑA=200 MEDIANA=320 GRANDE=400



Dentro de ese código nos encontramos con dos direcciones de imagen que se diferencian en tamaño. Una es la imagen del tamaño que escogemos para ser mostrada y otra (s1600) es la imagen mostrada en ventana aparte en su tamaño original.


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://url-de-la-imagen/s1600-h/.jpg">

<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://url-de-la-imagen/s200/.jpg" alt="" id="BLOGGER_PHOTO_ID_5188849548546039074" border="0" /></a>


¿Qué hacer si como SkalS deseamos que la imagen sea mostrada sin la posibilidad como decía de ser mostrada en ventana aparte? bastaría suprimir lo siguiente:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://url-de-la-imagen/s1600-h/.jpg">

El resultado sería una imagen del tamaño escogido en nuestro editor de imágenes:



<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://url-de-la-imagen/s200/.jpg" alt="" id="BLOGGER_PHOTO_ID_5188834967132069090" border="0" /></a>


Para no crear confusión debo aclarar que la parte que suprimimos es un enlace inaccesible, no muestra imagen alguna si es añadida a un navegador.
Su función es única y exclusivamente mostrar la imagen en tamaño original clicando sobre la miniatura.

Antony

Hola! Muy interesante esto...

Responder
PACO

Gema,al igual que jmuir sois una referencia en esto de difundir conocimiento con el tema blogger, pero sobre todo la generosidad y sabiduria que lo mostráis por lo cual estoy muy agradecido. Así que sé que lo has recibido, el premio Dardo 2008, y sino es un honor por mi parte que lo acojas;
con todo mi cariño, Paco
Pasate por mi blog:http://frentes-noviolentos.blogspot.com/
a recogerlo

Responder
Gem@

Gracias por el comentario Antony ;)

Paco, te agradezco las palabras que ilustran la mención que me otorgas. Normalmente no tengo costumbre seguir cadenas, pero haré mención de ese premio que con agradecimiento recojo y pasará a la sidebar de mi blog.
GRACIAS.

Responder
Anónimo

Interesante post, yo borro el cursor para que no salga la mano al pasar por la imagen..

cursor: pointer;

Saludos

Responder
JeJo

Como mi cubo !!!!
Un abrazo MAESTRA ...

Responder
Gem@

Claudio pero sigue teniendo el efecto enlace :(

JeJo !es tu imagen si¡ no sé porqué pero me encanta :D
Me alegra verte por aquí amigo mio ;)

Responder
Raúl

¡MUCHISSIMAS GRACIAS GEM@! Muy logrado y facíl de hacer, un saludo guapissima!

Responder
Gem@

Gracias por el comentario SkalS.
Un abrazo ;)

Responder
Anónimo

Querida Gema ¿qué tal? soy isabel no se si me recuerdas que hace ya casi un año te pedía ayudar para comenzar la aventira de la elaboracion del blog de javi, un regalo que estoy elaborando para mi bebé para cuando crezca. El motivo de esta ocasión es para pedirte ayuda. Hace tiempo que estoy intentado insertar una presentación de imagenes aleatorias y no hay manera. Quiero que en mi blog aparezca una ventana donde se vean imagenes aleatoria de mi hijo y no se ya como hacerlo me puedes orientar. Gracias

Responder
Gem@

Claro que te recuerdo Isabel me preguntaste la forma de enlazar imágenes y añadiste el buscado de Google personalizado ¿qué tal Javi? espero que bien ;)

Me comentas que deseas crear un efecto de imágenes aleatorias, el efecto en las imágenes aleatorias hace que cada vez que actualizamos la página se muestre una imagen distinta, otra cosa es que las imágenes cambien constantemente si hacer nada en el blog.
Mira esta entrada por si es lo que buscas.
De no ser así házmelo saber ;)

Responder
Germán García

Hola Gema, en primer lugar, deseo felicitarte por tu fenomenal y maravilloso blog, que nos sirve de gran ayuda a los blogueros.
¡Enhorabuena por tu trabajo y dedicación!
El motivo de mi consulta es que resulta que cuando inserto una imagen en una entrada, y después de haberla publicado, cuando le doy un click no puedo ampliarla, al menos que esté alineada a la izquierda. ¿Cómo podría arreglarlo? Me gustaría que se pudiera visualizar ampliada de cualquier forma y alineación.
Esperando tu ayuda, muchas gracias por anticipado. Saludos
P.D: Me refiero al blog "La Pasión al Piano"

Responder
Gem@

Saludos Germán:
Hay dos opciones para acceder a Blogger una es por http://www.blogger.com/ y la otra por http://draft.blogger.com/
La primera es la que usamos normalmente y para añadir imágenes en una entrada escogemos ubicación de la misma.
La segunda opción para es a modo de pruebas, me explico ... todo lo que Blogger tiene previsto añadir como gadgets o cualquier novedad (casi todo)lo tenemos a nuestra disposición accediendo por esa dirección. Como es lógico al ser en pruebas pueden haber fallos pero eso pasa también cuando las cosas ya están implementadas.
Accediendo por la segunda dirección las imágenes las añadimos sin escoger ubicación y una vez la vemos el el editor la situamos arrastrándola con el ratón.
Te digo todo eso porque no veo motivo por el que no se puedan ampliar imágenes situadas al centro o derecha, sin embargo no estaría demás probar con esa opción que te explico, si de esta forma tampoco es posible me lo dices y miramos la forma que tienes de añadir las imágenes en tus entradas.
Una última pregunta siempre te ha surgido ese problema o es de ahora?

Responder
Germán García

Muchas gracias por tu respuesta. Elegiré la forma de pruebas y lo probaré. En caso de que no vaya bien, ya te lo comento.
La verdad es que no me he dado cuenta del problema anteriormente, aunque creo que antes sí podía ampliarlas.Saludos

Responder
Gem@

Te lo preguntaba porque hay problemas que surgen a partir de hacer algún cambio en la plantilla y no lo relacionamos con eso.

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top